<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/buy.class.css" />
		<link rel="stylesheet" type="text/css" href="../common/css/common.css" />
		<link rel="stylesheet" type="text/css" href="../common/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="../common/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="../common/js/vue.js"></script>
		<title></title>
	</head>

	<body>  
		
		<div class="TopDiv">
			<div class="TopDiv-1" v-on:click="back">
				&lt;
			</div>
			<div class="TopDiv-2" v-html="htm">
			</div>
		</div>
		<div class="buyClass">
			<div class="buyClass-1">
				<label v-html="htm"></label><span class="glyphicon glyphicon-triangle-bottom"></span>
			</div>
			<div class="buyClass-2">
				排序<span class="glyphicon glyphicon-triangle-bottom"></span>
			</div>
			<div class="buyClass-3">
				筛选<span class="glyphicon glyphicon-triangle-bottom"></span>
			</div>
		</div>
		
		<div class="buyClass-1-1" style="margin-top: 8.08rem;">
			<div class="buyClass-1-01">
				<div class="buyClass-1-01-1">
					<span></span>美食<span class="span2">222</span>
				</div>
				<div class="buyClass-1-01-1">
					<span class="glyphicon glyphicon-cutlery"></span>快餐便当<span class="span2">222</span>
					<div>&gt;</div>
				</div>
				<div class="buyClass-1-01-1">
					<span class="glyphicon glyphicon-heart"></span>特色菜色<span class="span2">222</span>
					<div>&gt;</div>
				</div>
				<div class="buyClass-1-01-1">
					<span class="glyphicon glyphicon-piggy-bank"></span>异国料理<span class="span2">222</span>
					<div>&gt;</div>
				</div>
				<div class="buyClass-1-01-1">
					<span class="glyphicon glyphicon-ice-lolly"></span>小吃夜宵<span class="span2">222</span>
					<div>&gt;</div>
				</div>
			</div>
			<div class="buyClass-1-02">
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
				<div class="buyClass-1-02-1">
					全部快餐便当
					<span>222</span>
				</div>
			</div>
		</div>
		<div class="buyClass-1-2" style="margin-top: 8.08rem;">
			<div class="buyClass-1-2-1">
				<span class="glyphicon glyphicon-sort"></span>
				智能排序
			</div>
			<div class="buyClass-1-2-1">
				<span class="glyphicon glyphicon-sort"></span>
				智能排序
			</div>
			<div class="buyClass-1-2-1">
				<span class="glyphicon glyphicon-sort"></span>
				智能排序
			</div>
			<div class="buyClass-1-2-1">
				<span class="glyphicon glyphicon-sort"></span>
				智能排序
			</div>
			<div class="buyClass-1-2-1">
				<span class="glyphicon glyphicon-sort"></span>
				智能排序
			</div>
			<div class="buyClass-1-2-1">
				<span class="glyphicon glyphicon-sort"></span>
				智能排序
			</div>
		</div>
		<div class="buyClass-1-3" style="margin-top: 8.08rem;">
			
		</div>
		<div class="mainDiv" style="margin-top: 8.08rem;" >
			<div class="divMain-2" v-for="it in shop" v-on:click="oneshopid($index)">
				<div class="divMain-2-1">
					<img v-bind:src="it.img" />
				</div>
				<div class="divMain-2-2">
					<div class="divMain-2-2-1" v-html="it.name">
					</div>
					<div class="divMain-2-2-2">
						<span class="glyphicon glyphicon-star"></span>
						<span class="glyphicon glyphicon-star"></span>
						<span class="glyphicon glyphicon-star"></span>
						<span class="span1" v-html="it.grade">4.4</span> 月售<span v-html="it.salenum"></span>单
					</div>
					<div class="divMain-2-2-3">
						￥<span v-html="it.startprice"></span>起送/配送费￥<span v-html="it.sendprice"></span>
					</div>
				</div>
			</div>
		</div>
		<script src="js/buy.js"></script>
		<script src="../common/js/jquery-1.11.0.min.js"></script>
		<script src="../common/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	    <script src="js/buy.class.js"></script>
	</body>

</html>